<!-- 门店订单详情 -->
<template>
	<view class="order-detail-wrap">
	<u-navbar :isFixed="false" :borderBottom="false" back-icon-color="#333" :background="{}" title="反馈详情"></u-navbar>
		<!-- 订单信息 -->
		<view class="order-detail-card">
			<view class="card-title u-flex ">订单信息</view>
			<view class="detial-content">
				<view class="detail-item u-flex">
					<view class="item-title">反馈状态：</view>
					<view class="item-content">{{ orderDetail.status_name }}</view>
				</view>
				<view class="detail-item u-flex">
					<view class="item-title">反馈类型：</view>
					<view class="item-content">{{ orderDetail.type_name }}</view>
				</view>
				<view class="detail-item u-flex " >
					<view class="item-title">反馈时间：</view>
					<view class="item-content">{{ orderDetail.created_at }}</view>
				</view>
				<view class="detail-item u-flex">
					<view class="item-title">手机号：</view>
					<view class="item-content">{{ orderDetail.phone }}</view>
				</view>
				<view class="detail-item address-item border-t" style="padding: 20rpx 0;">
					<view class="item-title ">反馈内容：</view>
					<view class="item-content address-content">
						{{orderDetail.content}}
					</view>
				</view>
				<view class="detail-item address-item " v-if="orderDetail.status > 0">
					<view class="item-title">处理时间：</view>
					<view class="item-content address-content">
						{{orderDetail.updated_at}}
					</view>
				</view>
				<view class="detail-item address-item" v-if="orderDetail.status > 0">
					<view class="item-title">处理结果：</view>
					<view class="item-content address-content">
						{{orderDetail.remark}}
					</view>
				</view>
			
			</view>
		</view>
	</view>
</template>

<script>
export default {
	components: {},
	data() {
		return {
			orderDetail: {},
			orderType: []
		};
	},
	computed: {},
	onLoad() {
		this.getOrderDetail();
	},
	methods: {
		// 订单详情
		getOrderDetail() {
			let that = this;
			that.$http('user.feedback_detail', {
				id: that.$Route.query.id,
				store_id: uni.getStorageSync('storeId')
			}).then(res => {
				if (res.code === 1) {
					that.orderDetail = res.data;
					
				}
			});
		},
	}	
};
</script>

<style lang="scss">
.border-t{
	border-top: .5px solid #dfdfdf80;
}
.border-b{
	border-bottom: .5px solid #dfdfdf80;
}
// 订单卡片
.card-box {
	margin-bottom: 20rpx;
	background-color: #fff;
	.order-goods-item {
		border-bottom: 1rpx solid rgba(237, 237, 237, 1);
		padding: 20rpx;
		.card-item {
			line-height: 60rpx;
			.item-title {
				font-size: 28rpx;
				color: #999;
			}
			.item-content {
				font-size: 26rpx;
				color: #333;
			}
		}
	}
	.order-sku {
		font-size: 24rpx;

		font-weight: 400;
		color: rgba(153, 153, 153, 1);
		width: 450rpx;
		margin-bottom: 20rpx;
		.order-num {
			margin-right: 10rpx;
		}
	}
	.card-price-box {
		.status-btn {
			height: 32rpx;
			border: 1rpx solid rgba(207, 169, 114, 1);
			border-radius: 15rpx;
			font-size: 20rpx;
			font-weight: 400;
			color: rgba(168, 112, 13, 1);
			padding: 0 10rpx;
			margin-left: 20rpx;
			background: rgba(233, 183, 102, 0.16);
		}
		.order-price {
			font-size: 26rpx;

			font-weight: 600;
			color: rgba(51, 51, 51, 1);
		}
	}
}
.order-detail-card {
	background-color: #fff;
	margin: 20rpx 0;
	.card-title {
		font-size: 30rpx;

		font-weight: 500;
		color: rgba(51, 51, 51, 1);
		height: 80rpx;
		padding: 0 20rpx;
		border-bottom: 1rpx solid rgba(223, 223, 223, 0.5);
	}
	.detial-content {
		padding: 20rpx;
		.detail-item {
			min-height: 60rpx;
			.item-title {
				font-size: 28rpx;
				color: #999;
			}
			.item-content {
				font-size: 26rpx;
				color: #333;
			}
		}
		.address-item {
			display: flex;
			.address-content {
				width: 550rpx;
			}
		}
	}
}
</style>
